<template>
    <div id="app">
        <div class="app-header">11</div>
        <el-container>
            <el-aside width="200px">Aside</el-aside>
            <el-main>Main</el-main>
        </el-container>
    </div>
</template>

<script>
    export default {
        name: 'app'
    }
</script>

<style>
    html, body {
        height: 100%;
        margin: 0;
    }

    body, textarea, input, button, select, keygen, legend {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 14px;
        line-height: 1.42857143;
        color: rgba(0, 0, 0, 0.85);
        outline: 0;
    }

    a {
        color: #20a0ff;
        cursor: pointer;
        text-decoration: none;
    }

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: " ";
    }

    .clearfix:after {
        clear: both;
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .pull-right {
        float: right !important;
    }

    .pull-left {
        float: left !important;
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

    .text-left {
        text-align: left;
    }

    .text-right {
        text-align: right;
    }

    .text-center {
        text-align: center;
    }

    #app {
        height: 100%;
        margin: 0;
    }

    .app-header {
        height: 60px;
        border-bottom: 1px solid #eee;
    }
</style>
